<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <title>来瑞的练习一</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="来瑞要开始安心练习基本的结构了。。我相信其中一定有大多数人发现不了的实在">
    <meta name="author" content="lary">

    <!-- Le styles -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
		html,body {height: 100%;}
		body{font-family:"Hiragino Sans GB", "Microsoft YaHei", sans-serif;}
		/* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -60px;
      }
		#wrap > .container{padding-top:60px;}
	.container .credit {margin: 20px 0;}
      #push,#footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
      }
	  @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }
		div.typography{ zoom:1;line-height:2.2em;font-size:18px;letter-spacing: 1px;}
		div.typography > div > p {text-indent:2em;}
      .form-signin {

      }
	.carousel-inner{        max-width: 480px;
		min-height:120px;
        
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);}
	.carousel-inner .item > p{text-indent:2.2em;line-height:120px;font-size:1.618em;letter-spacing:.2em;}
    </style>
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="assets/ico/favicon.png">
  </head>

  <body data-spy="scroll" data-target=".navbar">
  <div id="wrap">
  <div class="navbar navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">
			<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span></button>
			<a href="#" title="页面内有了诸多文字，可以填充到结构之中" class="brand"><span class="badge badge-info">1</span><strong>练习第一课</strong></a>
			<div class="nav-collapse collapse">
				<ul class="nav">
					<li class="active"><a href="#top">HOME</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" title="realmoment">此时</a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
							<li><a href="#surpass">破练魔障</a></li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">新知 <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li class="nav-header">兴趣回走</li>
							<li><a href="#discover">上新知</a></li>
							<li><a href="#acknowledge">下新知</a></li>
							<li class="divider"></li>
							<li><a href="#skep">有疑而止</a></li>
							<li>
								<div class="progress progress-striped active">
									<div class="bar" style="width:12%"></div>
								</div>
							</li>
							<li class="divider"></li>
							<li><a href="#continue">续接先前</a></li>
						</ul>
					</li>
					<li><a href="#read">读书</a></li>
					<li><a href="#device">设备</a></li>
				</ul>
			</div> <!--/.nav-collapse-->
		</div>
	</div>
  </div>  <div id="top"></div>
  <div class="container">
	<div class="page-header">
  	<h1 class="text-center">Lary <small>e Blank</small></h1></div>
  	<div class="hero-unit">
  		<h1>第一练习记录</h1>
  		<p>来瑞的空页面，看到一个个喜欢的样子。一步一步拼凑到现在</p>
		<p class="text-right">Date:2013-04-21</p>
  		<p><a href="http://gate.guokr.com" class="btn btn-success btn-large">果壳任意门</a></p>
  	</div>
	
	<div class="typography clearfix">
	
 
 <div id="surpass" class="span6 offset2"><h4>破障前行</h4>
<p>如此纵观一看，就能发现，阶段性的记录，中间的都省略，也是能够取得固定效果的。而且从可行性角度看，这反而是最高效率的。</p></div>

<div id="discover" class="span4"><h4>双目放光</h4><p>好吧，我又找到了一个看起来很好的记录工具。不过当前的特色只在记录的起始。不知管理起来如何。
 起始对于管理起来，我本来以为自己有能力一丝一丝的建立起来，只不过是耗费些时间罢了。如今却从未成功过。我不禁开始怀疑自己的主观认识。。</p></div>
 <div class="row">
<div id="acknowledge" class="span4 offset1"><h4>过目不欲忘</h4><p>我发现了一个细节，我发现的细节：
chrome浏览器，程序本身失去焦点的时候，如果鼠标在其上，程序会响应鼠标滚轮的。</p></div></div>
<div id="skep" class="span4 offset1"><h4>Skeptical</h4><p>关于练习，版本记录的解决方法。
我的本意是，将每一处都记录下来，然后就能够最大效率的学习。
然而其实不是这样子的。每一处记录下来，是不容易实现的。</p></div>
<div id="continue" class="span4 offset1"><h4>以前</h4><p>我在firefox上特地找过这样子的插件</p><h4>常用</h4><p>
	<ul>
		<li class="link-1"><a href="http://translate.google.com">谷歌翻译</a></li>
		<li class="link-2">Android <ul>
			<li><a href="http://bbs.anzhi.com">安置论坛</a></li>
			<li><a href="http://www.coolapk.com">酷安应用</a></li>
			<li><a href="http://www.hi-pda.com">Hi-pda</a></li>
		</ul></li>
		<li class="link-3"><a href="http://www.weibo.com">微博</a></li>
	</ul>
</p></div>
	<div id="read" class="span6 offset2"><h4>想起来一句话</h4><p>
 我想起来了，在<abbr title="马上要读完了...@nook2" data-toggle="tooltip">《跑步大全》</abbr>中，有一句话，表达的意思是，与理论分析相对的，传统经典范畴中，什么都没有的情况下。认为的设定一些公理的情景。</p>
 <div id="motto" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#motto" data-slide-to="0" class="active" title="学习之中"></li>
    <li data-target="#motto" data-slide-to="1" title="象帝之先"></li>
    <li data-target="#motto" data-slide-to="2" title="逝者如斯夫"></li>
    <li data-target="#motto" data-slide-to="3" title="觉厉在"></li>
  </ol>
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item"><p>学而时习之</p></div>
    <div class="item"><p>有机结构，并列构成</p></div>
    <div class="item"><p>不舍昼夜，时间管理</p></div>
    <div class="item"><p>使用小狼毫输入法</p></div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#motto" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#motto" data-slide="next">&rsaquo;</a>
</div></div>
	<div id="device" class="span6 offset2"><h4>手机用得有技术</h4><p>
Android 使用事件
我把OneNote for Android卸载了。我认为在我的手机上使用的非常不流畅，所以它不适合在我的这款手机上使用。不如删除了。</p></div>
	</div><div id="push" class="clearfix"></div>

  </div>
</div>
<div id="footer">
	<div class="container">
		<p class="muted credit">Shandong Yang.G <a href="http://www.songlairui.cn">Songlairui</a>.& <a href="http://www.hlifeg.com">实在食品</a>..</p>
	</div>
</div>
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap-transition.js"></script>
    <script src="assets/js/bootstrap-alert.js"></script>
    <script src="assets/js/bootstrap-modal.js"></script>
    <script src="assets/js/bootstrap-dropdown.js"></script>
    <script src="assets/js/bootstrap-scrollspy.js"></script>
    <script src="assets/js/bootstrap-tab.js"></script>
    <script src="assets/js/bootstrap-tooltip.js"></script>
    <script src="assets/js/bootstrap-popover.js"></script>
    <script src="assets/js/bootstrap-button.js"></script>
    <script src="assets/js/bootstrap-collapse.js"></script>
    <script src="assets/js/bootstrap-carousel.js"></script>
    <script src="assets/js/bootstrap-typeahead.js"></script>

  </body>
</html>
